<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/8.0.6/swiper-bundle.min.js"
			type="application/javascript"></script>
		<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/animejs/3.2.1/anime.min.js"
			type="application/javascript"></script>
		<link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/8.0.6/swiper-bundle.min.css" type="text/css"
			rel="stylesheet" />
		<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"
			type="application/javascript"></script>
		<link rel="stylesheet" href="./css/style.css">
		<link rel="stylesheet" href="./css/clist.css">
		<title>Document</title>
		<style>
			.InfoMain li {
				padding: 2rem 0;
				border-bottom: solid 1px #eee;
			}

			.cf {
				zoom: 1;
				display: flex;
			}

			ul,
			li {
				list-style: none;
			}

			.InfoMain li .times {
				width: 8rem;
			}

			.InfoMain li h1 {
				width: 49rem;
				line-height: 2rem;
				font-size: 1.3rem;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				text-algin: justify;
			}

			.InfoMain li h1 a {
				color: #4d4d4d;
			}

			a {
				color: #004291;
				text-decoration: none;
			}

			.InfoMain li h2 {
				font-size: 2rem;
				font-weight: bold;
				color: #ab7d40;
				text-align: center;
			}

			.InfoMain li h3 {
				font-size: 1rem;
				color: #ab7d40;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<header>
			<img src="img/logo.png" class="logoImg">
			<span class="logoText">财产与资产管理部</span>

		</header>
		<nav class="topNav">
		</nav>
		<div class="imgs">
			<div class="swiper Large">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="https://gzc.haust.edu.cn/img/banner01.jpg">
					</div>
					<div class="swiper-slide"><img src="https://gzc.haust.edu.cn/img/banner02.jpg">
					</div>
					<div class="swiper-slide"><img src="https://gzc.haust.edu.cn/img/banner03.jpg">
					</div>
				</div>
				<div class="swiper-pagination"></div>
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
		<div class="main">
			<div class="menuLeft">
				<div class="menuHead">新闻通知</div>
				<div class="menuCol">工作通知</div>
				<div class="menuCol">工作动态</div>
				<div class="menuCol">工作简报</div>
			</div>
			<div class="InfoRight">
				<div class="InfoTitle">
					<span class="InfoTitle-word">新闻通知
					</span>
				</div>
				<div class="InfoMain">
					<ul>
						<li class="cf">
							<div class="times">
								<h2>27</h2>
								<h3>9月</h3>
							</div>
							<h1><a href="https://gzc.haust.edu.cn/info/1010/4563.htm"
									target="_blank">河南科技大学废旧物资处置成交结果公示</a></h1>
						</li>
						<li class="cf">
							<div class="times">
								<h2>27</h2>
								<h3>9月</h3>
							</div>
							<h1><a href="https://gzc.haust.edu.cn/info/1010/4563.htm"
									target="_blank">河南科技大学废旧物资处置成交结果公示</a></h1>
						</li>
						<li class="cf">
							<div class="times">
								<h2>27</h2>
								<h3>9月</h3>
							</div>
							<h1><a href="https://gzc.haust.edu.cn/info/1010/4563.htm"
									target="_blank">河南科技大学废旧物资处置成交结果公示</a></h1>
						</li>
						<li class="cf">
							<div class="times">
								<h2>27</h2>
								<h3>9月</h3>
							</div>
							<h1><a href="https://gzc.haust.edu.cn/info/1010/4563.htm"
									target="_blank">河南科技大学废旧物资处置成交结果公示</a></h1>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<footer></footer>
		<script>

		</script>

		<script src="js/index.js"></script>
	</body>
</html>
